@charset "utf-8";
@mixin flex {
    display:-webkit-box;
    display:-webkit-box-flex;
    display:-webkit-flex; 
    display:-moz-box; 
    display:-ms-flexbox; 
    display:flex;
}

/** column - 列布局，row - 行布局 */
@mixin flex-direction($dir: column) {
    $wbo: vertical;
    @if ($dir!=column) {
        $wbo: horizontal
    }
    -webkit-box-orient: $wbo;
    -webkit-flex-direction: $dir;
    -ms-flex-direction: $dir;
    flex-direction: $dir;
}

/** 1 1 0% */
@mixin flex-1() {
    -prefix-box-flex: 1; 
    -webkit-box-flex: 1; 
    -webkit-flex: 1; 
    -moz-box-flex: 1; 
    -ms-flex: 1; 
    flex: 1;
}